<template>
	<view class="content">
		<view>
			<button @click="getLocation">获取位置</button>
			<button @click="chooseLocation">打开地图选择位置</button>
		</view>
		
		<view>
			<text>使用经纬度，定位一个坐标，并显示地图</text>
			<map style="width: 100%; height: 300px;"
					:latitude="latitude"
					:longitude="longitude"
			></map>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				longitude: 114.27096,
				latitude: 30.60147,
			}
		},
		onLoad() {  
		},
		methods: {
			getLocation() {
				uni.getLocation({
					type: 'wgs84',
					success: function (res) {
						this.longitude = res.longitude
						console.log('当前位置的经度：' + this.longitude);
						
						this.latitude = res.latitude
						console.log('当前位置的纬度：' + this.latitude);
					}
				});
			},
			chooseLocation() {
				uni.chooseLocation({
					success: function (res) {
						console.log('位置名称：' + res.name);
						console.log('详细地址：' + res.address);
						console.log('经度：' + res.longitude);
						console.log('纬度：' + res.latitude);
					}
				});

			}
		}
	}
</script>

<style>
</style>
